import React from 'react'
import { View, Text, StyleSheet,Dimensions } from 'react-native'

export default class Title extends React.Component {
    constructor(props){
        super(props)
     
    }

    render() {
        return (
            <View style={styles.titleLayout}>
                <Text style={styles.titleLeftBtn}> {'<'} </Text>
                <Text style={styles.title}>详情</Text>
                <Text style={styles.titleLeftRight}>right</Text>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    titleLayout: {
        height: 50,
        width:'100%',
        flexDirection:'row',
        alignItems:'center',
        position:'relative',
        justifyContent: 'space-between',
    },
    titleLeftBtn: {
        fontSize: 36,
        paddingLeft: 18,
    },
    title:{
        fontSize:18,
        position:'absolute',
        left:'50%',
        width:100,
        marginLeft:-50,
        textAlign: 'center'
    },
    titleLeftRight: {
        fontSize: 36,
        paddingRight: 18,

    },
})